<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<div id="app">
  <!--v-bind:用于绑定一个或多个属性值，或者向另一个组件传递props值-->
  <img v-bind:src="imgURL" alt="">
  <!--v-bind语法糖： ： -->
  <a :href="aHref">百度一下</a>
</div>

<script src="../js/vue.js"></script>
<script>
  const app=new Vue({
    el: '#app',
    data: {
      message: '你好',
      imgURL: 'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1652190790,508558607&fm=11&gp=0.jpg',
      aHref: 'http://baidu.com'
    },
  })

</script>
</body>
</html>